// !#1 引入 React 核心依赖包
// import React from 'react'
// !#2 负责把 React 元素渲染到页面
import ReactDOM from 'react-dom'

// !#3 创建 React 元素（虚拟 DOM）
// 参数 1: 创建谁
// 参数 2: 属性列表（对象）
// 第 3 个参数及以后的参数都表示标签里面的内容
/* const ele = React.createElement(
  'h1',
  {
    title: '新年好~~',
  },
  'Hello World'
) */

// const ele = <h1 title='新年好~~'>Hello World</h1>
const ele = (
  <div className='wrap'>
    <ul>
      <li>React</li>
      <li>Vue</li>
      <li>Angular</li>
    </ul>
  </div>
)

// !#4 把 React 元素渲染到页面
// 渲染谁、渲染到哪里
ReactDOM.render(ele, document.querySelector('#root'))
